.classification-header{
    width:100%;
    height: 0.85rem;
    float: left;
    background: #b81c22;
    .header-left{
     transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
    width: 0.3rem;
    height: 0.3rem;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    cursor: pointer;
   position: absolute;
    top: 0.42rem;
    left: 0.42rem;
    }
    .header-center{
        width:100%;
        text-align: center;
        color:white;
        font-size: 0.3rem;
        height: 0.85rem;
        line-height: 0.85rem;
    }
    
}
.classification-content{
    width:100%;
    height: auto;
    float:left;
    .content-left{
        width:25%;
        height: 10rem;
        margin-top: 0.02rem;
        font-size: 0.2rem;
        background:#E5E5E5;
        float: left;
        ul{
            display: block;
            width: 100%;
            height: 100%;
            text-align: center;
            
            li{
                display: block;
                height: 0.64rem;
                width:100%;
                border-bottom:0.01rem white solid;
                line-height: 0.64rem;
            }
            .left-list-1{
                background:white;
            }
        }
    }
    .content-right{
        width:75%;
        float: left;
        height: 10rem;
        background:white;
        
        ul{
            width:100%;
            height: 10rem;
            display: block;
            margin-top: 0.1rem;
            li{
                width:33.3%;
                height: 1.7rem;
                
                display: block;
                float: left;
                text-align: center;
                img{
                    width:1.18rem;
                    height: 1.18rem;
                    
                            
                }
                span{
                    width:100%;
                    height: auto;
                    float: left;
                    font-size: 0.1rem;
                    text-align: center;
                    color:#C0C0C0;
                    display: block;
                    
                    line-height: 0.1rem;
                }
            }
        }
    }
}
.nav {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.9rem;
    border-top: 1px solid #999;
    overflow: hidden;
    background-color: #fff;
    z-index: 999;
    a {
        position: relative;
        width: 20%;
        height: 100%;
        float: left;
        color: #999;
        text-align: center;
        span {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            width: .63rem;
            height: .85rem;
            background-image: url(../img/2016_9_30_10_24_37_8593_60x800.jpg);
            background-repeat: no-repeat;
            background-size: .63rem 8.5rem;
            overflow: hidden;
        }
        .nav-home-active{
            background-position: 0 .042rem;
        }
        .nav-search{
             background-position: 0 -.85rem;
        }
        .nav-Tshirt{
             background-position: 0 -1.7rem;
        }
        .nav-shopcart{
             background-position: 0 -2.55rem;
        }
        .nav-me{
             background-position: 0 -3.4rem;
        }
    }
}